import { createVuetify } from 'vuetify'
import { aliases, mdi } from 'vuetify/iconsets/mdi'
import * as components from "vuetify/components";
import * as directives from "vuetify/directives";
import '@mdi/font/css/materialdesignicons.css'
export default createVuetify({
  icons: {
    defaultSet: 'mdi',
    aliases,
    sets: {
      mdi,
    },
  },
  components,
  directives,

  theme: {
    themes: {
      light: {
        colors: {
          primary: '#1867C0',
          secondary: '#5CBBF6',
          active: '#42A5F5', // 自定义的 "active" 颜色
          // 其他颜色...
        }
      },
      dark: {
        colors: {
          primary: '#2196F3',
          secondary: '#424242',
          active: '#64B5F6', // 暗色模式下的 "active" 颜色
          // 其他颜色...
        }
      }
    }
  }
})
